<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒子阴影与文字阴影设置</title>
		<style>
			div {
				width: 200px;
				height: 200px;
				background-color: red;
				/* 
				 1. 第一个参数是水平阴影的位置，围绕着x轴的位置移动
				 2. 第二个参数是垂直阴影的位置，围绕着y轴的位置移动
				 3. 第三个参数模糊距离（模糊度），值越大越模糊，为0时间接等于复制出来一个
				 4. 第四个参数叫做阴影的尺寸，也就是阴影的大小
				 5. 第五个是阴影的颜色
				 */
				/* box-shadow: 10px 10px 10px 10px #f3f3f4; */
				/* box-shadow: 10px 10px 10px 10px rgba(0,0,0,.3); */
				box-shadow: 10px 10px;
			}
			span {
				text-shadow: 10px 10px 10px red;
			}
		</style>
	</head>
	<body>
		<div></div>
		<span>我是大周老师</span>
	</body>
</html>